<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 无序列表 -->
     <ul type="circle">
        <li>香蕉</li>
        <li>西瓜</li>
        <li>苹果</li>
     </ul>
    <!-- 有序列表 -->
     <ol type="">
        <li>鱼香肉丝</li>
        <li>香辣肉丝</li>
        <li>松鼠桂鱼</li>
     </ol>

     <!-- 无序列表嵌套 -->
      <div>
        <ul>
            <li>
                <div>
                    <p>
                        <a href=""></a>
                    </p>
                </div>
            </li>
            <li>
                <ul>
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
            </li>
        </ul>
      </div>
      <!-- 定义列表 -->
       <dl>
        <dt>
            <a href="#">产品</a>
        </dt>
        <dd>
            <a href="#">业务中台</a>
        </dd>
        <dd>大数据基础平台</dd>
        <dd>大数据</dd>
       </dl>
      
</body>
</html>